<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>数据监控 | 高校健康云</title>
        <header th:replace="header::html"></header>
        <style>
            .charts .layui-card {
                min-height: 510px;
            }
            .layui-card-header {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                min-height: 42px;
                height: unset;
            }
            .layui-card-header span {
                font-size: 18px;
                font-weight: bold;
            }
        </style>
    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="/">首页</a>
            <a>
                <cite>数据监控</cite></a>
          </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
                <i class="layui-icon" style="line-height:30px">ဂ</i></a>
        </div>

        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-sm12 layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <form class="layui-form  layui-col-space5">
                                <div class="layui-inline layui-show-xs-block">
                                    <button class="layui-btn"  lay-submit="" lay-filter="refresh"><i class="layui-icon">ဂ</i></button>
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <div class="layui-input-inline">
                                        <input type="text" name="startDate" class="layui-input" id="startDate" placeholder="yyyy-MM-dd">
                                    </div>
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <button class="layui-btn"  lay-submit="" lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="charts layui-row layui-col-space15">
                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <div><span>近7天体温趋势</span></div>
                            <div>
                                <blockquote th:if="${temperatureLine gt 0}" class="layui-elem-quote">
                                    7天内高热人数增长比例超过20%，需采取紧急切断传染途径措施
                                </blockquote>
                            </div>
                        </div>
                        <div class="layui-card-body" style="min-height: 380px;">
                            <div id="temperature-line" class="layui-col-sm12" style="height: 380px;"></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <div><span>当日体温数据</span></div>
                            <div>
                                <blockquote th:if="${temperature gt 0}" class="layui-elem-quote">请通知学校疫情防控小组人员送学生去医院诊治</blockquote>
                            </div>
                        </div>
                        <div class="layui-card-body" style="min-height: 380px;">
                            <div id="main1" class="layui-col-sm12" style="height: 380px;"></div>

                        </div>
                    </div>
                </div>
                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <div><span>当日旅行数据</span></div>
                            <div>
                                <blockquote th:if="${travel gt 0}" class="layui-elem-quote">请及时通知学生需按规定隔离14天，并出具相关健康证明</blockquote>
                            </div>
                        </div>
                        <div class="layui-card-body" style="min-height: 380px;">
                            <div id="main2" class="layui-col-sm12" style="height: 380px;"></div>

                        </div>
                    </div>
                </div>
                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <div><span>当日症状数据</span></div>
                            <div>
                                <blockquote th:if="${physicalCondition gt 0}" class="layui-elem-quote">请及时通知学校疫情防控小组人员，做到早隔离、早治疗</blockquote>
                            </div>
                        </div>
                        <div class="layui-card-body" style="min-height: 380px;">
                            <div id="main3" class="layui-col-sm12" style="height: 380px;"></div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
        </div>


    </body>

</html>